<template>
    <ul v-infinite-scroll="load" class="infinite-list" style="">
        <li v-for="i in list" :key="i">
            <div class="infs">
                <div>{{timestamp(i.createtime)}}</div>
                <div class="infs_flex">
                    <div style="margin-right: 20px;">{{ terrace(platform_status) }}</div>
                    <div v-if="i.change_status == '1'">
                        <span v-if="i.type_status == '1'">您已完成{{ pointsrrace(type_status) }}任务,获取{{ i.inttegral_num }}积分</span>
                        <span v-if="i.type_status == '2'">您已成功{{ pointsrrace(type_status) }},获取{{ i.inttegral_num }}积分</span>
                        <span v-if="i.type_status == '3'">您{{ pointsrrace(type_status) }}账号,获取{{ i.inttegral_num }}积分</span>
                        <span v-if="i.type_status == '4'">您已{{ pointsrrace(type_status) }},获取{{ i.inttegral_num }}积分</span>
                        <span v-if="i.type_status == '5'">{{ pointsrrace(type_status) }},获取{{ i.inttegral_num }}积分</span>
                        <!-- <span v-if="i.type_status == '6'">您{{ pointsrrace(type_status) }},获取{{ i.inttegral_num }}积分</span>
                        <span v-if="i.type_status == '7'">您{{ pointsrrace(type_status) }},获取{{ i.inttegral_num }}积分</span>
                        <span v-if="i.type_status == '8'">您{{ pointsrrace(type_status) }},获取{{ i.inttegral_num }}积分</span> -->
                    </div>
                    <div v-if="i.change_status == '2'">
                        <!-- <span v-if="i.type_status == '1'">您消耗积分{{ pointsrrace(type_status) }},-{{ i.inttegral_num }}</span>
                        <span v-if="i.type_status == '2'">您消耗积分{{ pointsrrace(type_status) }},-{{ i.inttegral_num }}</span>
                        <span v-if="i.type_status == '3'">您消耗积分{{ pointsrrace(type_status) }},-{{ i.inttegral_num }}</span>
                        <span v-if="i.type_status == '4'">您消耗积分{{ pointsrrace(type_status) }},-{{ i.inttegral_num }}</span>
                        <span v-if="i.type_status == '5'">您消耗积分{{ pointsrrace(type_status) }},-{{ i.inttegral_num }}</span> -->
                        <span v-if="i.type_status == '6'">您查看{{ pointsrrace(type_status) }}消耗{{ i.inttegral_num }}积分,-{{ i.inttegral_num }}</span>
                        <span v-if="i.type_status == '7'">您查看{{ pointsrrace(type_status) }}消耗{{ i.inttegral_num }}积分,-{{ i.inttegral_num }}</span>
                        <span v-if="i.type_status == '8'">您查看{{ pointsrrace(type_status) }}消耗{{ i.inttegral_num }}积分,-{{ i.inttegral_num }}</span>
                    </div>
                </div>
                <div v-if="i.change_status == '1'" style="color: orange;">+{{ i.inttegral_num }}</div>
                <div v-if="i.change_status == '2'">-{{ i.inttegral_num }}</div>
            </div>
        </li>
    </ul>
</template>

<script setup>
// 
import { terrace, pointsrrace,timestamp } from '@/utils/index.js'
import { ref, onMounted } from 'vue'
const prop = defineProps({
    list: {
        type: Array
    }
})
const load = () => {
    // count.value += 1
}





onMounted(() => {

});
</script>

<style lang="scss" scoped>
.infinite-list {
    height: 270px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;

    /* IE10+ */
    &::-webkit-scrollbar {
        display: none;
        /* ChromeSafari */
    }
}

.infs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;

    .infs_flex {
        flex: 1;
        display: flex;
        margin-left: 45px;
    }
}
</style>